import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import {ElementPlusResolver} from 'unplugin-vue-components/resolvers'
import path from 'path'
import vueSetupExtend from 'unplugin-vue-setup-extend-plus/vite'

export default defineConfig({
    // build: {
    //     rollupOptions: {
    //         output: {
    //             // 在这里修改静态资源路径
    //             chunkFileNames: '/assets/js/[name]-[hash].js',
    //             entryFileNames: '/assets/js/[name]-[hash].js',
    //             assetFileNames: '/assets/[ext]/[name]-[hash].[ext]',
    //         }
    //     }
    // },
    base: './',
    plugins: [
        vue(),
        vueSetupExtend(),
        AutoImport({
            resolvers: [ElementPlusResolver()],
        }),
        Components({
            resolvers: [ElementPlusResolver()],
        }),
    ],
    resolve: {
        alias: {
            '@': path.resolve(__dirname, './src/'),
        }
    },
    server: {
        host: "0.0.0.0",
        port: 4444, // 设置服务启动端口号
        open: false, // 设置服务启动时是否自动打开浏览器
        cors: true, // 允许跨域\
        // 设置代理，根据我们项目实际情况配置
        proxy: {
            "/api": {
                //apiTest是自行设置的请求前缀，按照这个来匹配请求，有这个字段的请求，就会进到代理来
                target: "http://localhost:8080",
                changeOrigin: true, //是否跨域
                rewrite: (path) => path.replace("/api", ""), //重写匹配的字段，如果不需要放在请求路径上，可以重写为
            },
        },
    },
})
